<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>TextareaDemo</title>
		<!--rel="stylesheet"  web样式表
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		-->
		<!-- 新 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
	</head>

	<body>
		    <!--
            	作者：mrxuliui@foxmail.com
            	时间：2015-10-20
            	描述：
            
			<form role="form">
			<fieldset disabled>
				<input type="text" class="form-control" placeholder="文本框" />
				<textarea class="form-control" rows="5">collmall </textarea>
				<!--复选按钮
				<div class="checkbox">
					<label>
						<input type="checkbox" value="" /> 读书
					</label>
				</div>
				<div class="checkbox">
					<label>
						<input type="checkbox" value="" /> 写字
					</label>
				</div>
				<!--单选按钮
				<div class="radio">
					<label>
						<input type="radio" name="optionRadios" /> 男
					</label>
				</div>
				<div class="radio">
					<label>
						<input type="radio" name="optionRadios" checked/> 女
					</label>
				</div>
				<!--下拉列表
				<select class="form-control">
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option>
				</select>
				<!--以静态的方式来提示用户输出
				<p class="form-control-static">请按照我的格式输入:mrxu@collmall.com</p>
			</fieldset>
			<input type="text" class="form-control" placeholder="文本框" />
			<textarea class="form-control" rows="5">collmall </textarea>
			<!--复选按钮
			<div class="checkbox">
				<label>
					<input type="checkbox" value="" /> 读书
				</label>
			</div>
			<div class="checkbox">
				<label>
					<input type="checkbox" value="" /> 写字
				</label>
			</div>
			<!--单选按钮
			<div class="radio">
				<label>
					<input type="radio" name="optionRadios" /> 男
				</label>
			</div>
			<div class="radio">
				<label>
					<input type="radio" name="optionRadios" checked/> 女
				</label>
			</div>
			<!--下拉列表
			<select class="form-control">
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option>
			</select>
			<!--以静态的方式来提示用户输出
			<p class="form-control-static">请按照我的格式输入:mrxu@collmall.com</p>

			<input class="form-control" type="text" placeholder="请输入" disabled/>
		</form>
		-->
		<!--
			采用cdn的方式 引用网络图片 这就是表单的校验状态
		-->
		<form role="form">
			<div class="form-group has-warning has-feedback col-xs-5">
				<label>用户名</label>
				<input class="form-control " type="text" />
				<span class="glyphicon glyphicon-info-sign form-control-feedback"></span>
				<span class="help-block">辅助文本</span>
			</div>
			<div class="form-group has-success has-feedback">
				<label>用户名</label>
				<input class="form-control" type="text" />
				<span class="glyphicon glyphicon-ok form-control-feedback"></span>
			</div>
			<div class="form-group has-error has-feedback">
				<label>用户名</label>
				<input class="form-control" type="text" />
				<span class="glyphicon glyphicon-remove form-control-feedback"></span>
			</div>
		</form>
	</body>

</html>